/*
	创建（配置）路由器，并映射路由
	
	该文件是一个路由器模块应该向外暴露的是路由器对象
*/

import Vue from 'vue'	// 引入vue
import VueRouter from 'vue-router' //引入vue-router插件

// 引入自定义的路由组件
import About from '../views/About.vue'
import Home from '../views/Home.vue'
import News from '../views/News.vue'
import Message from '../views/Message.vue'

// 声明使用VueRouter插件
Vue.use(VueRouter)

// new 一个VueRouter的对象
export default new VueRouter({
	// 在该对象中配置n个路由
	routes:[
		{
			path:'/about', 
			component:About,
		},
		{
			path:'/home', 
			component:Home,
			// 注册子路由
			children:[ // path 最左侧的  /  代表的是根路径
				{
					path:'/home/news', // 这是完整的写法
					component:News
				},
				{
					path:'message', // 这是简略的写法
					component:Message
				},
				{
					path:'/home',
					redirect:'/home/news'
				}
			]
		},
		
		
		// 特别的路由，当请求根路径的时候，重定向到about
		{
			path:'/',
			redirect:'/about'
		}
	]
});